<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
 <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>车辆信息</title>
 <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
</head>
<style>
.brand-info__text {
  margin: 0 0 22px 0;
    font-size: 29px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}
.brand-info__intro{
font-size: 14px;
    color: #999;
    margin-bottom: 50px;
}


</style>
<body>
  <div id="app">
  
  <div class="brand-info"><h2 class="brand-info__text">汽车检修管理系统</h2> 
  <p class="brand-info__intro">基于二维码的管理系统，提供数字化解决方案，让汽车检修更加便利。</p>
  </div>
  
  <div style="font-size:16px" class="carInfo"></div>
  </div>
  
  
  <script type="text/javascript">
   function getUrlParms(name){
	   var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
	   var r = window.location.search.substr(1).match(reg);
	   if(r!=null)
	   return unescape(r[2]);
	   return null;
   }
  
  	$.get(`http://8.130.97.3:8080/renren-fast/car/info/${getUrlParms('id')}`,function(data) {
	    if(data.code ===200) {
		 let str="";
         let trans=data.data.carDictTrans&&data.data.carDictTrans.split(",");
		 str=`<p>车牌号：${data.data.carLicense}</p>
		<p>颜色:${data.data.color}</p>		
		<p>车型：${trans[0]||''}</p>
		<p>品牌：${data.data.carTypeTrans||''}</p>
		<p>排量：${trans[1]||''}</p>
		<p>能源:${trans[2]||''}</p>
		<p>国别：${trans[3]||''}</p>
		<p>结构：${trans[4]||''}</p>
		<p>驱动：${trans[5]||''}</p>
		<p>变速箱： ${trans[6]||''}</p>
		<p>生产方式:${trans[7]||''}</p>
		<p>座位：${trans[8]||''}</p>
		<p>上牌时间：${data.data.plateTime}</p>`
		   $(".carInfo").html(str)
		} else {
		alert("请求失败")
		}

	});
  
  </script>
</body>
</html>